﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Hỗ trợ và Liên hệ</title>
    <link href="~/Content/navbar-fixed-top.css" rel="stylesheet">
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/help.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script>
        function showcong(name) {
            $("#" + name + "all").children('img').attr('src', '../Images/cong.png');
            $("#" + name + "all").children('p').html('Hiện thị tất cả');
        };
        function showtru(name) {
            $("#" + name + "all").children('img').attr('src', '../Images/tru.png');
            $("#" + name + "all").children('p').html('Ẩn tất cả');
        };
        function refresh() {
            $('[data-spy="scroll"]').each(function () {
                var $spy = $(this).scrollspy('refresh');
            });
        };
        function checkmuc(value, muc, name) {
            if (muc.length == 1) {
                if ($("#" + name + "all").children('img').attr('src') == "../Images/tru.png") {
                    showcong(name);
                } else {
                    showtru(name);
                }
            } else {
                if (checkshow(muc)) {
                    showtru(name);
                }
                if (checkhiden(muc, value)) {
                    showcong(name);
                }
            }
        };
        function clickshowall(value, arr) {
            var flat;
            $("#" + value + "all").click(function () {
                if ($(this).children('img').attr('src') == "../Images/cong.png") {
                    flat = "show";
                    showtru(value);
                }
                else {
                    flat = "hiden";
                    showcong(value);
                }
                $.each(arr, function (key, value) {
                    var text = $("." + value + "-noidung");
                    if (flat == "show") {
                        if (text.is(':hidden')) {
                            text.slideDown('200');
                            $("#" + value + "").children('img').attr('src', '../Images/tru.png');
                        }
                    }
                    else {
                        if (!text.is(':hidden')) {
                            text.slideUp('200');
                            $("#" + value + "").children('img').attr('src', '../Images/cong.png');
                        }
                    }
                });
                refresh();
            });
        }
        function clickimage(value, muc, name) {
            $("#" + value + "").click(function () {
                var text = $("." + value + "-noidung");
                if (text.is(':hidden')) {
                    text.slideDown('200');
                    $(this).children('img').attr('src', '../Images/tru.png');
                } else {
                    text.slideUp('200');
                    $(this).children('img').attr('src', '../Images/cong.png');
                }
                checkmuc(value, muc, name);
                refresh();
            });
        };
        var ch = ['image1', 'image2', 'image3', 'image4'];
        var tl = ['imagetl1'];
        var vd = ['imagevd1'];
        var ht = ['imageht1', 'imageht2'];
        function checkshow(arr) {
            var kq = true;
            $.each(arr, function (key, value) {
                var text = $("." + value + "-noidung");
                if (text.is(':hidden')) {
                    return kq = false;
                }
            });
            return kq;
        };
        function checkhiden(arr, click) {
            var kq = true;
            if (arr.length == 1) {
                return kq;
            }
            $.each(arr, function (key, value) {
                if (click != value) {
                    var text = $("." + value + "-noidung");
                    if (text.is(':hidden')) {
                        kq = true;
                    } else {
                        return kq = false;
                    }
                }
            });
            return kq;
        };

        $(document).ready(function () {
            $('a').click(function () {
                refresh();
            });
            clickimage('image1', ch, 'ch');
            clickimage('image2', ch, 'ch');
            clickimage('image3', ch, 'ch');
            clickimage('image4', ch, 'ch');
            clickimage('imagetl1', tl, 'tl');
            clickimage('imagevd1', vd, 'vd');
            clickimage('imageht1', ht, 'ht');
            clickimage('imageht2', ht, 'ht');
            clickshowall('ch', ch);
            clickshowall('tl', tl);
            clickshowall('vd', vd);
            clickshowall('ht', ht);
        });
    </script>
</head>
<body data-spy="scroll" data-target=".navbar">

    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-static-top navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Online</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#cauhoi">Câu hỏi</a></li>
                    <li><a href="#tailieu">Tài liệu</a></li>
                    <li><a href="#video">Video</a></li>
                    <li><a href="#hotro">Hỗ trợ</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>


    <div class="container">
        <!-- Main component for a primary marketing message or call to action -->
        <div class="jumbotron">

            <div class="row">
                <div class="header ">
                    <h2>Câu hỏi thường gặp về Điều tra trực tuyến</h2>
                    <p class="labels">Tìm câu trả lời cho các câu hỏi thường gặp về Điều tra trực tuyến. Truy nhập Câu hỏi thường gặp về Điều tra trực tuyến dành cho người dân để biết thêm những câu hỏi và câu trả lời cho người dùng trong  Điều tra trực tuyến.</p>
                </div>
            </div>
            <div id="cauhoi">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="tieude">Câu hỏi thường gặp nhất</h2>
                    </div>
                    <div class="col-md-6 " style="margin-top:25px;">
                        <div class="rightbody">
                            <div id="chall">
                                <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                                <p class="labels labels-head" style="display: inline-block;">Hiện thị tất cả</p>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>
                <div class="row">
                    <div class="question ">
                        <div id="image1">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Làm thế nào tôi có thể dùng hệ thống điều tra trực tuyến?</p>
                        </div>
                        <div class="answer image1-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">- Lấy thôn tin từ thư mà chúng tôi đã gửi bao gồm nhãn địa chỉ. </p><br />
                                <p class=" labels" style="display: inline-block;">
                                   - Đi tới địa chỉ http://localhost:21459/Online/Login <br />
                                </p>
                                <p class=" labels" >
                                   - Nhập thông tin từ nhãn địa chỉ (như hình dưới) <br />
                                </p>
                                <img src="../Images/id_user_online.png" alt="Address Label">
                                <br />
                                <p class=" labels" >
                                   - Hệ thống sẽ tự động sinh mã PIN. Hãy ghi nhớ mã này.
                                </p>
                            </div>
                            <div class="answer-body">
                                <p class=" labels" style="display: inline-block;">
                                   -x Mã PIN sẽ cho phép bạn đăng nhập lần sau vào cuộc điều tra nếu thời gian thực hiện đã hết hoặc bạn cần dừng lại việc điền thông tin và sẽ quay lại hệ thống vào dịp khác. Phiên giao dịch sẽ hết nếu bạn không có bất kỳ hoạt đông nào quá 15 phút.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="question">
                        <div id="image2">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Tôi cần phải làm gì khi không nhớ Mã PIN ?</p>
                        </div>
                        <div class="answer image2-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Bạn vui lòng liên hệ với Tổng đài chăm sóc khách hàng 1900xxxx hoặc các bộ địa phương nơi bạn sinh sống để biết thông tin cụ thể.</p><br />
                                <p class="labels">Xin vui lòng cảm ơn quý vị.</p>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="question">
                        <div id="image3">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Ngoài cách nhập thông tin qua trực tuyến, tôi còn có những cách nhập thông tin qua những phương pháp nào khác ? </p>
                        </div>
                        <div class="answer image3-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Ngoài cách nhập thông tin qua trực tuyến. Bạn có thể nhập thông tin qua 2 phương pháp khác: </p><br />
                                <p class="labels">- Nhập thông tin bằng Tabnet.</p>
                                <p class="labels">- Nhập thông tin bằng giấy.</p>
                                <p class="labels">Xin vui lòng cảm ơn quý vị.</p>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="question">
                        <div id="image4">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Nếu quá thời gian nhập thông tin trực tuyến, tôi nhập thông tin bằng cách nào? </p>
                        </div>
                        <div class="answer image4-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Nếu bạn không nhập thông tin trực tuyến trong mốc thời gian quy định, hệ thống sẽ tự động chuyển đổi phương pháp nhập thông tin trực tuyến qua phương pháp nhập thông tin bằng giấy. </p><br />
                                <p class="labels">Xin vui lòng cảm ơn quý vị.</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div id="tailieu">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="tieude">Tài liệu hướng dẫn</h2>
                    </div>
                    <div class="col-md-6 " style="margin-top:25px;">
                        <div class="rightbody">
                            <div id="tlall">
                                <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                                <p class="labels labels-head" style="display: inline-block;">Hiện thị tất cả</p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="question">
                        <div id="imagetl1">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Làm sao để tải Tài liệu hướng dẫn ?</p>
                        </div>
                        <div class="answer imagetl1-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Khi tôi đến sân bay, Hãng Jetstar tiếp tục thông báo thay đổi giờ bay một lần nữa từ 20h10 sang 20h55, như vậy là chậm hơn bốn giờ so với lịch bay ban đầu. Khoảng 5-6 hành khách, trong đó có tôi, đến quầy phục vụ của hãng hỏi việc hoãn chuyến bay như vậy hãng có bồi thường tiền không?</p>
                            </div>
                            <div class="answer-body">
                                <p class=" labels" style="display: inline-block;">
                                    Tuy nhiên, thông tin về việc bồi thường này không được thông báo tới toàn bộ hành khách. Sau khi chúng tôi lên được máy bay lúc 20h55 và còn tiếp tục ngồi chờ thêm 30 phút nữa mới thật sự khởi hành, tôi không thấy có bất cứ thông báo nào liên quan tới việc bồi thường.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="video">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="tieude">Video hướng dẫn</h2>
                    </div>
                    <div class="col-md-6 " style="margin-top:25px;">
                        <div class="rightbody">
                            <div id="vdall">
                                <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                                <p class="labels labels-head" style="display: inline-block;">Hiện thị tất cả</p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="question">
                        <div id="imagevd1">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Làm sao để xem Video hướng dẫn ?</p>
                        </div>
                        <div class="answer imagevd1-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Xin mời các bạn theo dõi video hướng dẫn dưới đây:</p>
                                <div class="embed-responsive embed-responsive-16by9">
                                    <iframe class="embed-responsive-item col-md-12" style="border:none; height:500px;" src="https://www.youtube.com/embed/COXKvGhj-rw"></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="hotro">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="tieude">Hỗ trợ và tài nguyên</h2>
                    </div>
                    <div class="col-md-6 " style="margin-top:25px;">
                        <div class="rightbody">
                            <div id="htall">
                                <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                                <p class="labels labels-head" style="display: inline-block;">Hiện thị tất cả</p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="question">
                        <div id="imageht1">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Tôi có thể nhận được hỗ trợ kỹ thuật ở đâu?</p>
                        </div>
                        <div class="answer imageht1-noidung">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Truy nhập Hỗ trợ  để được trợ giúp về các vấn đề kỹ thuật, bao gồm:</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="question">
                        <div id="imageht2">
                            <img src="../Images/cong.png" alt="Hiện thị tất cả" />
                            <p class="labels labels-head" style="display: inline;">Có tùy chọn hỗ trợ khác không?</p>
                        </div>
                        <div class="answer imageht2-noidung ">
                            <div class="answer-body">
                                <p class="labels" style="display: inline-block;">Để được trợ giúp và xem nội dung hướng dẫn, hãy truy nhập www.office.com/support. Để được đào tạo bằng video miễn phí, hãy truy nhập www.office.com/training.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
</html>
